<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!--ios是否允许创建快捷方式-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--ios顶部通知栏的样式：黑色-->
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <!--遇到数字不让转换成电话号码的格式-->
    <meta content="telephone=no" name="format-detection">
    <meta name="description" content="乐淘是中国最大的正品运动鞋，皮鞋专卖" >
    <meta name="Keywords" content="乐淘 乐淘鞋城 买鞋子 上乐淘 运动鞋城" >
    <link type="image/x-icon" rel="shortcut icon" href="../images/favicon.ico">
    <link rel="stylesheet" href="../assets/mui/css/mui.css">
    <link rel="stylesheet" href="../assets/fa/css/font-awesome.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/cart.css">
    <title>乐淘-购物车</title>
</head>
<body>
<!--首页-->
<!--通栏-->
<div class="ct_container">
    <header class="ct_header">
        <a href="javascript:history.back();" class="left"><span class="fa fa-arrow-left"></span></a>
        <h3>我的购物车</h3>
        <a href="javascript:;" class="right"><span class="fa fa-refresh"></span></a>
    </header>
    <div class="ct_content">
        <div class="ct_wrapper">
            <div class="mui-scroll-wrapper" id="refreshContainer">
                <!--滑动区域-->
                <div class="mui-scroll">
                    <!--这里放置真实显示的DOM内容-->
                    <!--轮播图-->
                    <ul class="mui-table-view">
                       <!--todo-->
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="cart_order">
        订单总额：&yen;<span id="cartAmount">0.00</span> <a href="javascript:;">生成订单</a>
    </div>
    <footer class="ct_footer">
        <a class="tab_home fa fa-home" href="../index.html"><span>首页</span></a>
        <a class="tab_cate fa fa-bars" href="../category.html"><span>分类</span></a>
        <a class="tab_cart fa fa-shopping-cart now" href="cart.html"><span>购物车</span></a>
        <a class="tab_user fa fa-user" href="user.html"><span>会员中心</span></a>
    </footer>
</div>
<script type="text/template" id="cartPro">
    <% for(var i = 0; i< data.length; i++){ %>
    <li class="mui-table-view-cell mui-transitioning">
        <div class="mui-slider-right mui-disabled" data-id="<%=data[i].id%>">
            <a class="mui-btn mui-btn-blue mui-icon mui-icon-compose" style="transform: translate(0px, 0px);"></a>
            <a class="mui-btn mui-btn-red mui-icon mui-icon-trash" style="transform: translate(-90px, 0px);"></a>
        </div>
        <div class="mui-slider-handle" style="transform: translate(0px, 0px);">
            <div class="mui-table-cell">
                <a href="javascript:;">
                    <% if(!data[i].pic || data[i].pic.length==0){ %>
                         <img class="mui-media-object mui-pull-left" src="../images/none.png">
                    <% }else { %>
                    <img class="mui-media-object mui-pull-left" src="../..<%=data[i].pic[0].picAddr%>">
                    <% } %>

                    <div class="mui-media-body">
                        <p class="name"><%=data[i].proName%></p>
                        <p class="info">
                            <span class="price"><%=data[i].price%></span>
                            <span class="oldPrice"><%=data[i].oldPrice%></span>
                            <span class="number">×<%=data[i].num%>双</span>
                        </p>
                        <p><span class="size">鞋码： <%=data[i].size%></span></p>

                    </div>
                    <input type="checkbox" data-id="<%=data[i].id%>" class="inputs">
                </a>
            </div>
        </div>
    </li>
    <% } %>

</script>
<script type="text/template" id="edit">
    <div class="cart_update">
        <div class="p_size">
            尺码：
            <%
            var arrItem = productSize.split('-')
            for(var i=arrItem[0]; i<=arrItem[1]; i++) {%>
            <!--js语句要闭合-->
            <span class="btn_size <%=i==size?'now':''%>"><%=i%></span>
            <% }%>
        </div>
        <div class="p_number">
            数量：
            <span class="jian">-</span>
            <input readonly type="text" value="<%=num%>"">
            <span class="jia">+</span>
        </div>
    </div>
</script>
<script src="../assets/mui/js/mui.js"></script>
<script src="../assets/zepto/zepto.min.js"></script>
<script src="../assets/artTemplate/template-native.js"></script>
<script src="../js/cart.js"></script>
<script src="../js/common.js"></script>
</body>
</html>